<template>
     <div class="detail-swiper">
        <Swiper class="swiper">
            <Swiper-Item  v-for="(item, i) in topImages" :key="i"> 
                  <img :src="item" alt="商品轮播图" class="swiperimages">
            </Swiper-Item>
        </Swiper>
     </div>
</template>

<script>
import { Swiper, SwiperItem } from 'components/common/swiper'
export default {
    name: 'DetailSwiper',
    components:{
        Swiper,
        SwiperItem
    },
    props: {
      topImages: {
         type: Array,
         default() {
             return []
         }
      }
    },
  
}
</script>

<style scoped>
.swiper{
    flex: 1;
    overflow: hidden;
}

</style>